<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vediosite</title>
<!-- // Stylesheets // -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<!-- // Javascript // -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/contentslider.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Tahoma_400-Tahoma_700.font.js"></script>
<script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5, h6, .txtcufon');</script>
</head>
<body>
	<div id="wrapper_sec">
    	<!--Masterhead -->
        <div id="masthead">
        	<div class="logo"><a href="index.html"><img src="images/logo.gif" width="142" height="87" alt="" /></a></div>
			<div class="header_rightsec">
            	<div class="rightsec_1">
                	<div class="navigation">
                    	<div id="smoothmenu1" class="ddsmoothmenu">
                        	<ul>
                            	<li><a class="home" href="index.html">Home</a></li>
                            	<li><a href="listing.html">Popular Videos</a></li>
                                <li><a href="#"> Channels</a></li>
                                <li class="dropdown"><a href="#">More</a>
                                	<ul>
                                		<li><a href="#">Pages</a>
                                        	<ul>
                                				<li><a href="index.html">Home</a></li>
                                                <li><a href="listing.html">Vedio Listing</a></li>
                                  				<li><a href="detail.html">Vedio Detail</a></li>
                                                <li><a href="blog.html">Blog</a></li>
                                  				<li><a href="blogpost.html">Blog Post</a></li>
                                                <li><a href="news.html">News</a></li>
                                                <li><a href="contact.html">Contact Us</a></li>
                                  				<li><a href="static.html">About Us</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Themes</a>
                                        	<ul>
                                				<li><a href="../grey/index.html">Grey</a></li>
                                                <li><a href="../blue/index.html">Blue</a></li>
                                  				<li><a href="../green/index.html">Green</a></li>
                                                <li><a href="../maroon/index.html">Maroon</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--Top search-->
                    <div class="top_search">
                   		<input value="Enter you keywords to search" onfocus="if(this.value=='Enter you keywords to search') {this.value='';}"
                        onblur="if(this.value=='') {this.value='Enter you keywords to search';}"name="txt" type="text" />
                    	<a href="#" class="search">Search</a>
                    </div>
                </div>
            	<div class="rightsec_2">
           	  <ul class="toplinks">
                		<li><a href="#"> Browse</a></li>
                        <li><a href="#"> Upload </a></li>
                        <li> <a href="#">Create Account </a></li>
                        <li class="last"><a href="#">Sign In</a></li>   </ul>
                    <ul class="social_networks">
                		<li class="share">Share with us:</li>
                        <li><a href="#"><img src="images/socialicon1.png" alt="" /> </a></li>
                        <li> <a href="#"><img src="images/socialicon2.png" alt="" /> </a></li>
                        <li> <a href="#"><img src="images/socialicon3.png" alt="" /> </a></li>
                        <li class="last"><a href="#"><img src="images/socialicon4.png" alt="" /></a></li>    
                    </ul>
                </div>
            </div>	        
			<div class="clear" ></div>
		</div>
    <!--Content Sec -->
        <div id="content_sec">
        	<div class="crumb">
            	<ul>
                	<li class="here_text txtcufon">You are here:</li>
                	<li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Information</a></li>
                </ul>
            </div>
            
            <!--Main Section-->
            <div class="col1">
            	 <div class="clear"></div>  
                <!--Most Popular -->
               
                <div class="nwscontainer">
                	<h2>News</h2>
                    <ul>
               			<li>
                        	<div class="nwsthumb"><a href="#"><img src="images/news1.jpg"  alt="" /></a></div>
                       	  <div class="nwsdesc">
                           	<h5><a class="colr2" href="#">Lorem ipsum dolor sit amet</a></h5><div class="nwsdate">
                              	<a  class="date" href="#">
                                	<img class="left" src="images/calander.jpg"  alt="" />
                                    <span class="left"> 10 Februray 20011</span>
                                </a>
                              	<a class="entertainment" href="#">Entertainment  </a>
                              	
                              </div>
                              <p>
                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 				                                   eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu.sit amet, 		                                   mollis dapibus, magna.  <a  class="readmore" href="#"><u>4 Read More</u></a>
                              </p>
                            
                            
                          </div>
                        </li>
                        <li>
                        	<div class="nwsthumb"><a href="#"><img src="images/news2.jpg"  alt="" /></a></div>
                       	  <div class="nwsdesc">
                           	<h5><a class="colr2" href="#">Lorem ipsum dolor sit amet</a></h5><div class="nwsdate">
                              	<a  class="date" href="#">
                                	<img class="left" src="images/calander.jpg"  alt="" />
                                    <span class="left"> 10 Februray 20011</span>
                                </a>
                              	<a class="entertainment" href="#">Entertainment  </a>
                              	
                              </div>
                              <p>
                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 				                                   eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu.sit amet, 		                                   mollis dapibus, magna.  <a  class="readmore" href="#"><u>4 Read More</u></a>
                              </p>
                          </div>
                        </li>
                        
                        <li>
                        	<div class="nwsthumb"><a href="#"><img src="images/news3.jpg"  alt="" /></a></div>
                       	  <div class="nwsdesc">
                           	<h5><a class="colr2" href="#">Lorem ipsum dolor sit amet</a></h5><div class="nwsdate">
                              	<a  class="date" href="#">
                                	<img class="left" src="images/calander.jpg"  alt="" />
                                    <span class="left"> 10 Februray 20011</span>
                                </a>
                              	<a class="entertainment" href="#">Entertainment  </a>
                              	
                              </div>
                              <p>
                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 				                                   eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu.sit amet, 		                                   mollis dapibus, magna.  <a  class="readmore" href="#"><u>4 Read More</u></a>
                              </p>
                            
                            
                          </div>
                        </li>
                        <li>
                        	<div class="nwsthumb"><a href="#"><img src="images/news4.jpg"  alt="" /></a></div>
                       	  <div class="nwsdesc">
                           	<h5><a class="colr2" href="#">Lorem ipsum dolor sit amet</a></h5><div class="nwsdate">
                              	<a  class="date" href="#">
                                	<img class="left" src="images/calander.jpg"  alt="" />
                                    <span class="left"> 10 Februray 20011</span>
                                </a>
                              	<a class="entertainment" href="#">Entertainment  </a>
                              	
                              </div>
                              <p>
                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 				                                   eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu.sit amet, 		                                   mollis dapibus, magna.  <a  class="readmore" href="#"><u>4 Read More</u></a>
                              </p>
                            
                            
                          </div>
                        </li>
                        
                        <li>
                        	<div class="nwsthumb"><a href="#"><img src="images/news5.jpg"  alt="" /></a></div>
                       	  <div class="nwsdesc">
                           	<h5><a class="colr2" href="#">Lorem ipsum dolor sit amet</a></h5><div class="nwsdate">
                              	<a  class="date" href="#">
                                	<img class="left" src="images/calander.jpg"  alt="" />
                                    <span class="left"> 10 Februray 20011</span>
                                </a>
                              	<a class="entertainment" href="#">Entertainment  </a>
                              	
                              </div>
                              <p>
                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 				                                   eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu.sit amet, 		                                   mollis dapibus, magna.  <a  class="readmore" href="#"><u>4 Read More</u></a>
                              </p>
                            
                            
                          </div>
                        </li>
                        
                        <li>
                        	<div class="nwsthumb"><a href="#"><img src="images/news6.jpg"  alt="" /></a></div>
                       	  <div class="nwsdesc">
                           	<h5><a class="colr2" href="#">Lorem ipsum dolor sit amet</a></h5><div class="nwsdate">
                              	<a  class="date" href="#">
                                	<img class="left" src="images/calander.jpg"  alt="" />
                                    <span class="left"> 10 Februray 20011</span>
                                </a>
                              	<a class="entertainment" href="#">Entertainment  </a>
                              	
                              </div>
                              <p>
                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 				                                   eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu.sit amet, 		                                   mollis dapibus, magna.  <a  class="readmore" href="#"><u>4 Read More</u></a>
                              </p>
                          </div>
                        </li>
                        <li>
                        	<div class="nwsthumb"><a href="#"><img src="images/news7.jpg"  alt="" /></a></div>
                       	  <div class="nwsdesc">
                           	<h5><a class="colr2" href="#">Lorem ipsum dolor sit amet</a></h5><div class="nwsdate">
                              	<a  class="date" href="#">
                                	<img class="left" src="images/calander.jpg"  alt="" />
                                    <span class="left"> 10 Februray 20011</span>
                                </a>
                              	<a class="entertainment" href="#">Entertainment  </a>
                              	
                              </div>
                              <p>
                                 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat 				                                   eget, dapibus ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu.sit amet, 		                                   mollis dapibus, magna.  <a  class="readmore" href="#"><u>4 Read More</u></a>
                              </p>
                            
                            
                          </div>
                        </li>     
                    </ul>
                </div>
            <div class="clear"></div>
            <!--Pagination -->
            <div class="pagenation">
            	<div class="arrow">
             		<a href="#"><img src="images/paginationleft.gif"  alt=" " /></a>   
                </div>
            	<div class="bg">
                  <a href="#">1</a>
                  <a href="#">2</a>
                  <a href="#">3</a>
                  <a href="#">4</a>
                  <a href="#">5</a>
                  <a href="#">6</a>
                  <a href="#">7</a>
                  <a href="#">8</a>
                  <a href="#">9</a>
                  <a href="#">10</a>
                  <a href="#">...</a>
                  <a href="#">11</a>
                </div>
                <div class="arrow">
             		<a href="#"><img src="images/paginationright.gif"  alt=" " /></a>   
                </div>
            	
            </div>
            
            
            </div>
            <!--Right Section-->
            <div class="col2">
           	  <div class="sideblock">
               	<h2 class="pd11">Featured Listing</h2>
       	  			<ul>
                    	<li class="first"> <a href="#"><img src="images/feature_listing1.gif"  alt="" /></a> </li>
                        <li><a href="#"><img src="images/feature_listing2.gif"  alt="" /></a> </li>
                        <li><a href="#"><img src="images/feature_listing3.gif"  alt="" /></a> </li>
                        <li class="last"><a href="#"><img src="images/feature_listing4.gif"  alt="" /></a> </li>
                        <li class="first"> <a href="#"><img src="images/feature_listing5.gif"  alt="" /></a> </li>
                        <li><a href="#"><img src="images/feature_listing6.gif"  alt="" /></a> </li>
                        <li><a href="#"><img src="images/feature_listing7.gif"  alt="" /></a> </li>
                        <li class="last"><a href="#"><img src="images/feature_listing8.gif"  alt="" /></a> </li>
                        <li class="first"> <a href="#"><img src="images/feature_listing9.gif"  alt="" /></a> </li>
                        <li><a href="#"><img src="images/feature_listing10.gif"  alt="" /></a> </li>
                        <li><a href="#"><img src="images/feature_listing11.gif"  alt="" /></a> </li>
                		<li class="last"><a href="#"><img src="images/feature_listing12.gif"  alt="" /></a> </li>
                    </ul>
              </div>
			  <!--ADS -->
              <div class="ads">
              	<a href="#"><img src="images/kfc.gif"  alt="" /></a>
              </div>
              <!--Feature Vedio -->
              <div class="sideblock2">
              	<h2>Featured Vedio</h2>
              	<ul>
                	<li>
                    	<div class="thumb">
                           	<a href="detail.html">
                               	<img src="images/featurevedio1.gif"  alt="" />
                   				<span class="addtoplaylist"><img src="images/plusicon.png"  alt="" /></span>    
                        		<span class="time">2.30</span>
                           	</a>
                         </div>
                    	 <div class="description"><p><a class="colr2"  href="#"> Black Ops: 30-0 - Notch &amp; Facebook</a></p>
                           	<p class="viewcounts">241,699 views</p>
                            <p class="stat">By: <a href="#"><u>SeaNanners</u></a></p> 
                         </div>
                    </li>
                    <li>
                    	<div class="thumb">
                           	<a href="detail.html">
                               	<img src="images/featurevedio2.gif"  alt="" />
                   				<span class="addtoplaylist"><img src="images/plusicon.png"  alt="" /></span>    
                        		<span class="time">2.30</span>
                           	</a>
                         </div>
                    	 <div class="description"><p><a class="colr2"  href="#"> Black Ops: 30-0 - Notch &amp; Facebook</a></p>
                           	<p class="viewcounts">241,699 views</p>
                            <p class="stat">By: <a href="#"><u>SeaNanners</u></a></p> </div>
                    </li>
                    <li>
                    	<div class="thumb">
                           	<a href="detail.html">
                               	<img src="images/featurevedio3.gif"  alt="" />
                   				<span class="addtoplaylist"><img src="images/plusicon.png"  alt="" /></span>    
                        		<span class="time">2.30</span>
                           	</a>
                         </div>
                    	 <div class="description"><p><a class="colr2"  href="#"> Black Ops: 30-0 - Notch &amp; Facebook</a></p>
                           	<p class="viewcounts">241,699 views</p>
                            <p class="stat">By: <a href="#"><u>SeaNanners</u></a></p> </div>
                    </li>
                    <li>
                    	<div class="thumb">
                           	<a href="detail.html">
                               	<img src="images/featurevedio3.gif"  alt="" />
                   				<span class="addtoplaylist"><img src="images/plusicon.png"  alt="" /></span>    
                        		<span class="time">2.30</span>
                           	</a>
                         </div>
                    	 <div class="description"><p><a class="colr2"  href="#"> Black Ops: 30-0 - Notch &amp; Facebook</a></p>
                           	<p class="viewcounts">241,699 views</p>
                            <p class="stat">By: <a href="#"><u>SeaNanners</u></a></p> </div>
                    </li>
                </ul>
             <div class="clear"></div>
             </div>
              	   
        </div>
        <div class="clear"></div>
		</div> 
		<div class="clear"></div>
    </div>
<!-- bottom section-->
<div id="bottom_sec">
 	<div class="botbar">
    	<div class="innercontainer">
        	<div class="socialtitle">
            	<h3>From the twitter  <img align="right" src="images/twittericon.png"  alt="" /> </h3>
            </div>
         	<div class="msg">
            	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, dapib 				                 <a href="#">http://bit.ly</a>
           </div>
           <a class="follow_us" href="#"><span>Follow us</span></a>     
        </div>
    </div>
    <div id="bottomcontianer">
    	<div class="innercontainer">
   	    <div id="footer">
            <div class="archieve">
                <a href="#"><img src="images/logo2.png"  alt="" /></a>
                <p>601 Beetle Street Ardmore</p>
                <p>London, 73023</p>
                <p>Tel 580.205.9995</p>
                <p>Fax 580.389.5424</p>
                <p> Email: <a class="undrlne" href="#">info@website.com</a></p>
                <p> Website: <a class="undrlne" href="#">www.website.com</a></p>
            </div>          
            <div class="footer_div">
            	<h4>About us</h4>
            	<ul>
                	<li><a href="#">We're Hiring</a></li>
                	<li><a href="#">Meet the Team</a></li>
                	<li><a href="#">Updated Collections</a></li>
                	<li><a href="#">Latest Videos</a></li>
                </ul>
            </div>
            <div class="footer_div">
               	<h4>Features</h4>
               	<ul>
                   	<li><a href="#">What's VIDEO's?</a></li>
                   	<li><a href="#">Video's Button</a></li>
                    <li><a href="#">iPhone &amp; Android</a></li>
                    <li><a href="#">Widgets</a></li>
			    </ul>
            </div>
      <div class="from_fliker">
            <h4>From Flickr</h4>
           	<ul>
               	<li><a href="#"><img src="images/fromflickr1.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr2.gif" alt="" /></a></li>
                <li class="nomar"><a href="#"><img src="images/fromflickr3.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr4.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr5.gif" alt="" /></a></li>
                <li class="nomar"><a href="#"><img src="images/fromflickr6.gif" alt="" /></a></li>
            </ul>
          </div>
            
          </div>
        
        </div>
    </div>
    <div id="botbarbg">
    	<div class="innercontainer">
        	<div class="copy">Copyright &copy; 2011 Video Archives, Inc. All Rights Reserved.</div>
        	<div class="powerby">Powered By: <a href="#">ABC Technologies</a></div>
    	</div>
    </div>
<div class="clear"></div>
</div>


</body>
</html>
